<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="app">
    <h2>{{ title }}</h2>
</div>


</body>

<script src="lib/vue/vue.js"></script>

<script type="text/javascript">

    const vm = new Vue({
        // el 是一个选择器，这里使用的 #app 就是第二步定义的 vuejs 管理区域的 id选择器
        el: '#app',
        // vuejs 管理的数据
        data: {
            title: 'vuejs 入门使用'
        }
    })

    console.log(vm);

    // vm.$data 这个属性就是我们  实例化 vuejs 的时候传递的 data 属性的值
    // 然后我们可以通过 vm.$data.xxx属性的方式去修改data里面的数据，以达到视图更新，这种我们称之为vuejs响应式编程，或者叫做数据驱动


</script>

</html>
